﻿@import '../bootstrap'

.breadcrumbs
  display: flex
  justify-content: center
  flex-wrap: wrap
  flex: $breadcrumbs-flex
  margin: $breadcrumbs-margin
  list-style-type: none
  
  li
    &:not(:last-child):after
      color: $grey.lighten-1
      content: attr(data-divider)
      vertical-align: middle
      
    &:last-child a
      color: $grey.lighten-1
      pointer-events: none
      cursor: default
      
  &--with-icons
    li
      &:not(:last-child):after
        font-family: 'Material Icons'
        font-feature-settings: 'liga'
        
  &__item
    align-items: center
    color: $theme.primary
    display: inline-flex
    font-size: $breadcrumbs-item-font-size
    padding: $breadcrumbs-padding
    height: $breadcrumbs-height
    text-decoration: none
    line-height: $breadcrumbs-height
    transition: $primary-transition
    
    &:hover
      color: $grey.darken-1
      
    &--disabled
      color: $grey.lighten-2
      pointer-events: none